
<script>
	export default{
		name:'PlayerLoading',
		functional: true,
		render(h, context) {
			return h('div',{
				attrs:{
					class:'h5-player-loading-wrap'
				}
			},[
				h('div',{
					attrs:{
						class:'loading-inner-wrap'
					}
				},[h('div',{
					attrs:{
						class:'loading-inner ball-beat'
					}
				},[
					    Array.apply(null, { length: 3 }).map(function () {
					      return h('div')
					    })
				])])
			])
		}
	}
</script>

<style lang="scss">
	.h5-player-loading-wrap{
		position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		z-index: 10;
		text-align: center;
		.loading-inner-wrap{
			position: absolute;
			left: 50%;
			top: 10rem;
			transform: translateX(-50%);
		}
	}
</style>
